<!-- 
    代码待完成
 
    ——————————————————————————————————————————————————————————————————
    key就是为该节点做身份标识，如果对key绑定index的值，那么很容易出现问题：
        若对数据进行：逆序添加、逆序删除等破坏顺序操作，会产生没有必要的真实DOM更新——页面效果没有问题，但是效率有问题
        如果解构中还包含输入类的DOM，会产生错误DOM更新——界面有问题
    解决方法：
        :key="index"改为:key="id"
    ——————————————————————————————————————————————————————————————————
    
    key原理
        初始数据
            1.拿到初始数据
            2.根据初始数据生成 虚拟DOM
            3.将虚拟DOM转为真实的DOM
        新数据
            拿到新的数据（包含老刘）
            根据数据生成 虚拟DOM
            虚拟DOM与初始数据的虚拟DOM进行对比算法（li中的文本信息出现了差异，但是input是相同的，虚拟的DOM是没有数据的，在页面输入的内容存储在真实的DOM中）
            文本信息——新数据替代了初始数据，input内容被保留
-->
